
<style type="text/css">
div.img
{
  margin: 20px;
  border: 1px solid #ff0000;
  height: auto;
  width: 190px;
  float: left;
  text-align: center;
} 
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #ff0000;}
li.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}
</style>

<center><h1 style="margin-top:30px;color:maroon;">Albums</h1></center>
<?php 
  $Albums=Album::model()->findAll();
  foreach($Albums as $Album){
    $album=$Album->id;
    $cover=$Album->image;
?>
<div class="img">
 <a href="<?php echo Yii::app()->createUrl('wedding/photo/id/'.$album) ?>"><img src="<?php echo Yii::app()->baseUrl; ?>/photos/<?php echo $cover; ?>" width=100 height=100></a>
 <div class="desc"><h2 style="color:maroon;"><?php echo $Album->title;  ?></h2></div>
 <!-- <div class="desc"><?php echo $Album->description;  ?></div> -->
</div>
<?php } ?>